<!DOCTYPE html>
<html ng-app>
<head>
	<meta charset=utf-8>
    <meta lang="es">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css">
    
	<title>Operaciones de Clientes</title>
</head>
<body class="container" ng-controller="ClientesController">
    <h1 align="center">Lista de Clientes</h1>
    <div class="panel panel-primary">
	    <div class="panel-heading">
	        <div class="input-group">
	          <span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
	          <input type="text" class="form-control" placeholder="Buscar" ng-model="buscar">
	        </div>
	    </div>
	    <div class="panel-body">
	    	<table class="table table-condensed table-responsive">
			<thead>
				<tr>
					<th>Código</th>
					<th>
					<a href="" ng-click="ordenarPor('razonSocial')">Razon Social</a>
					<span class="caret" style:"cursor: pointer" ng-click="ordenarPor('-razonSocial')" ></span>
					</th>
					<th>Dirección</th>
					<th>Teléfono</th>
					<th>Saldo</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="cliente in clientes | orderBy:ordenSeleccionado | filter:buscar">
					<th>{{cliente.codigo}}</th>
					<th>{{cliente.razonSocial | uppercase}} </th>
					<th>{{cliente.direccion}}</th>
					<th>{{cliente.telefono}}</th>
					<th>$ {{cliente.saldo | number:2}}</th>
				</tr>
				
			</tbody>
			</table>
	    </div>
    	
    </div>
	<script src="../js/angular.min.js" type="text/javascript"></script>
 	<script src="../js/clientes.js" type="text/javascript"></script>
 	<script src="../js/angular-locale_es-ar.js"></script>
</body>
</html>